<template>
  <div>
          <h6 class="h">期末冲刺</h6>
    <div class="boxe">
      <div class="qm">期末冲刺·C语言不挂科</div>
      <div class="xw">学完返学费·5小时·期末突击</div>
      <div class="boxf">
        <span class="num">12877人开始学习</span>
        <span class="xs">限时优惠 &nbsp;60元</span>
      </div>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style>
.h {
  line-height: 0.76rem;
  margin-left: 0.15rem;
}
.boxe {
  width: 3.45rem;
  height: 1.29rem;
  background: #ffffff;
  border: 1px solid #ffffff;
  box-sizing: border-box;
  margin: auto;
  /* display: flex; */
  /* align-items: center; */
  /* margin-bottom: 0.1rem; */
}
.qm {
  margin-top: 0.2rem;
  margin-left: 0.1rem;
}
.xw {
  /* font-size: .12rem; */
  font-size: 0.12rem;
  color: #b2b5bb;
  margin-left: 0.1rem;
  margin-top: 0.09rem;
}
.boxf {
  margin-top: 0.28rem;
}
.xs {
  color: #f26548;
  margin-left: 1rem;
  font-size: 0.14rem;
}
.num {
  font-size: 0.08rem;
  -webkit-transform: scale(0.833);
  margin-left: 0.1rem;
  color: #b2b5bb;
}

</style>